@import "./mixin.scss";
@import "./variables.module.scss";

#app {
  color: #2c3e50;
  min-width: 1360px;

  a:focus,
  a:active {
    color: #444;
  }

  a,
  a:focus,
  a:hover,
  a:active {
    cursor: pointer;
    color: #444;
    text-decoration: none;
  }
}

html {
  // font-size: 100px;
  height: 100%;
  width: 100%;
}

body {
  // font-size: 16px;
  height: 100%;
  width: 100%;
}

div {
  outline: none;
}

button {
  border: none;
  outline: 0 !important;

}

input,
textarea {
  font-size: 24px;
  padding: 10px;
  color: red;
  text-shadow: 0px 0px 0px #000;
  -webkit-text-fill-color: transparent;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: red;
  text-shadow: none;
  -webkit-text-fill-color: initial;
}

/*! @import */
@tailwind base;
@tailwind components;
@tailwind utilities;